<template>
	<view class="app">
		<view class="list">
			<view v-for="(item, index) in 10" :key="index">
				<view class="">
					<text>疫情防控彰显大国精神疫情防控彰显大国精神疫情防控彰显大国精神</text>
					<text>2019-09-09</text>
				</view>
				<text>
					交汇点讯 12月18日，在连云港市国展中心门前聚集着一批环卫工人，大家脸上都洋溢着笑容，他们是来免费领取生猪肉的。当天有900名环卫工人领到了每人4.5斤新鲜的猪肉......
				</text>
				<text>渠道：政研室</text>
			</view>
		</view>
		<view class="loading-text">{{ loadingText }}</view>
		<view class="app-fiexd">
			<navigator hover-class="none" url="/pages/wengaofabu/wengaofabu"><image src="https://gnzxwylz.xlygrcw.com/upload/GNZX/home/11.png" mode="widthFix"></image></navigator>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			page: 1,
			pageSize: 10,
			loadingText: '到底了......'
		};
	},
	methods: {}
};
</script>

<style lang="scss">
page {
	background-color: #fafafa;
}
.app {
	padding: 0 30upx;
}
.app-fiexd {
	position: fixed;
	top: 500upx;
	right: 50upx;
	image {
		width: 160upx;
	}
}
.list {
	> view {
		background-color: #fff;
		margin-top: 35upx;
		padding: 30upx;
		border-top: 2px solid #e73c2f;
		view {
			display: flex;
			justify-content: space-between;
			text {
				&:nth-child(1) {
					font-size: 24upx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #333333;
					padding-left: 50upx;
					position: relative;
					flex: 1;
					margin-right: 40upx;
					line-height: 42upx;
					&::before {
						content: '';
						position: absolute;
						width: 24upx;
						height: 24upx;
						border: 2px solid #e73c2f;
						border-radius: 50%;
						top: 6upx;
						left: 0;
					}
				}
				&:nth-child(2) {
					font-size: 22upx;
					font-family: PingFang SC;
					font-weight: 400;
					color: rgba($color: #333, $alpha: 0.3);
				}
			}
		}
		> text {
			display: block;
			&:nth-of-type(1) {
				margin: 30upx 0;
				font-size: 22upx;
				font-family: PingFang SC;
				font-weight: 400;
				color: rgba($color: #333, $alpha: 0.6);
				line-height: 44upx;
			}
			&:nth-of-type(2) {
				text-align: right;
				font-size: 22upx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #e63a3d;
			}
		}
	}
}
</style>
